<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style type="text/css">  
.fl{float: left; } 
.fr{float: right; } 
.clearfix{flex-flow: auto;_height:1%; }
li{list-style-type: none;} 
.head{background-color: rgb(208,14,49);padding-bottom: 10px;padding-top: 10px;margin-bottom: 0px;color: white;} 
.login{background-color: gray;padding: 4px; } 
.login-fr{padding-right: 10px; } 
.title{padding-left:  20px;font-size: 18px; }
.pic{  padding-top: 80px; padding-left: 100px;}
.underline{height: 2px; width: 1140px;     background-color: red;      margin-top: 10px;}
.invate{ background-color: rgb(22,125,223); padding: 5px 20px;}
    </style>
</head>
<body>
     <div class="container">
      <#include "/WEB-INF/identifyLogin.ftl">
        <div>
        <div class="pic" align="center"><img src="http://172.16.1.55/logo.png"></div>
        <form action="${request.contextPath}/-invateMember" method="post">
        <div class="team clearfix">
      <div class="create-team fl">邀请用户加入<#if Session?exists>用户${Session.sessionUser!""}</#if>团队</div>
      <div class="invate fr"><button type="submit" class="btn">邀请</button></div>
        </div>
        <div class="underline"></div>
        <div align="center"><label>用户邮箱</label><input type="email" name="email" placeholder="邮箱">${FieldErrors['email']!""}
        <#if ActionErrors??>
        <#list ActionErrors as error>
        ${error}
        </#list>
        </#if>
        <p align="center">输入邮箱，并点击邀请按钮将其他注册用户加入到本团队，成为团队一员</p>
        </div>
        </form>
        </div>
        </body>
</html>